// 当页面加载时，将复选框状态设置为未选中
  window.onload = function() {
      document.getElementById("notonly").checked = true;
      document.getElementById("based_right").checked = false;
  };

$(document).ready(function(event){

    // 更新镜像
    $('#imageUpdate').on('click',
        function() {
            //按钮禁用
            $('#imageNmaeList').attr("disabled","true");
            $('#imageUpdate').attr("disabled","true");
            //取变量
            var env = $("#env").val();
            var image = $('#imageNmaeList').val();
            var options = $('#env option:selected')
            var data = {
            // 转为字符串格式
            // data: JSON.stringify({})
            "imageName": image,
            "env": env
            };

            if (env == "") {
                alert("请选择要更新的环境");
            } else {                //ajax 提交数据
                $.ajax({
                    type: "POST",
                    dataType: "json",
                    url: "/updateimage",//后端请求
                    data: data,
                    success: function(result) {
                        console.log(result);
                        alert(options.text() + " 更新成功");
                        $('#update_res').attr("value" ,"更新成功")
                        $('#imageNmaeList').val("");
                        $('#env').val("");
                        $('#imageNmaeList').removeAttr("disabled");
                        $('#imageUpdate').removeAttr("disabled");
                        //$('history').text(result)
                        $('#diffimagelist').text(result)
                     },
                    error: function (result) {
                        console.log(result);
                        alert("更新失败");
                        //$('#update_res').value = "更新失败"
                        $('#imageNmaeList').removeAttr("disabled");
                        $('#imageUpdate').removeAttr("disabled");
                    }
                })
            }
    })

    // 对比环境版本差异
    $('#imagediff').on('click',
        function() {
            //取变量
            var env_s = $("#env_sour").val();
            var env_t = $("#env_tag").val();
            // var image = $('#imageNmaeList').val();
            var cmptype = 0; //是否只对比两边都存在的镜像
            if ($('#notonly').is(':checked')) {
                cmptype = 1
            };
            var based_right = 0; //始终以右边为准
            if ($('#based_right').is(':checked')) {
                based_right = 1
            };
            console.log(cmptype)
            var data = {
                "env_s": env_s,
                "env_t": env_t,
                "cmptype": cmptype,
                "based_right": based_right
            };
            // 清空当前内容
            $('#ths').val("");
            $('#tht').val("");
            $('#diffimagelist').empty();
            //按钮禁用
            $('#imagediff').attr("disabled","true");

            //ajax 提交数据
            $.ajax({
                type: "POST",
                dataType: "json",
                url: "/imagediff_info",//后端请求
                data: data,
                success: function(result) {
                    $('#imagediff').removeAttr("disabled");
                    $('#diffimagelist').empty();
                    let temp = '';
                    var k_tmp = '';
                    var flag = 0;
                    temp += '<tr>';
                    for(var k in result.return_info) {
                        if (flag == 0) {
                            $('#ths').val(k);
                            flag = 1;
                        } else {$('#tht').val(k)};

                        var strArray = result.return_info[k].split(',');
                        temp += '<td>';
                        for (var i in strArray) {
                            //'<td>' + JSON.stringify(result.return_info) + '</td>' +
                            temp += strArray[i] + '<br>';
                        }
                        temp += '</td><td></td>';
                    }
                    temp += '</tr>';

                    $('#diffimagelist').append(temp);
                 },
                error: function (result) {
                    $('#imagediff').removeAttr("disabled");
                    $('#tht').val("请求失败，请检查网络");
                    $('#ths').val("请求失败，请检查网络");
                }
        })
    })


    // 查找数据库范围
    $('#gedb').on('click',
        function() {
            //取变量
            var env_s = $("#dbenv_sour").val();
            var env_t = $("#dbenv_tag").val();
            // var image = $('#imageNmaeList').val();

            var data = {
                "env_s": env_s,
                "env_t": env_t,
            };
            // 清空当前内容
            $('#dbths').val("");
            $('#dbtht').val("");
            //按钮禁用
            $('#gedb').attr("disabled","true");

            //ajax 提交数据
            $.ajax({
                type: "POST",
                dataType: "json",
                url: "/getdbinfo",//后端请求
                data: data,
                success: function(result) {
                    $('#gedb').removeAttr("disabled");
                    let temp = '';
                    var k_tmp = '';
                    var flag = 0;
                    temp += '<tr>';
                    for(var k in result.return_info) {
                        if (flag == 0) {
                            $('#dbths').val(k);
                            flag = 1;
                        } else {$('#dbtht').val(k)};

                        var strArray = result.return_info[k].split(',');
                        temp += '<td>';
                        for (var i in strArray) {
                            //'<td>' + JSON.stringify(result.return_info) + '</td>' +
                            temp += strArray[i] + '<br>';
                        }
                        temp += '</td><td></td>';
                    }
                    temp += '</tr>';

                    $('#gedb').append(temp);
                 },
                error: function (result) {
                    $('#gedb').removeAttr("disabled");
                    $('#dbtht').val("请求失败，请检查网络");
                    $('#dbths').val("请求失败，请检查网络");
                }
        })
    })



});

